<template>
	<view>
		<!-- 操作菜单 -->
		<view class="paper-left-popup-mask" v-show="show" @tap="hidepopup"></view>
		<view class="paper-left-popup" v-show="show">
			<view class="m-f-ac" hover-class="paper-left-popup-h" @tap="lahei">
				<view class="icon iconfont icon-sousuo"></view>
				拉黑
			</view>
			<view class="m-f-ac" hover-class="paper-left-popup-h" @tap="beizhu">
				<view class="icon iconfont icon-qingchu"></view>
				备注
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			show: {
				type: Boolean
			}
		},
		methods: {
			hidepopup() {
				this.$emit('hide')
			},
			lahei() {
				this.$emit('lahei')
			},
			beizhu() {
				this.$emit('lahei')
			},
		}
	}
</script>

<style lang="scss" scoped>
.paper-left-popup-mask {
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 1999;
}
.paper-left-popup {
	position: fixed;
	right: 0;
	top: 100rpx;
	background-color: #FFFFFF;
	z-index: 2000;
	width: 55%;
	box-shadow: 1rpx 1rpx 20rpx 2rpx #CCCCCC;
	.m-f-ac {
		padding: 20rpx;
		font-size: 35rpx;
		color: #7e7e7e;
		.icon {
			margin-right: 10rpx;
			font-weight: bold;
		}
	}
	.paper-left-popup-h {
		background-color: #EEEEEE;
		color: #222222;
	}
}
</style>
